@charset "utf-8";
.web{
    width: 100%;
    height: 100%;
    background: url(../img/dz2.jpg) no-repeat left top/cover;
    overflow: hidden;
    .con{
        width: 400px;
        height:50px;
        position: fixed;
        text-align: center;
        bottom:100px;
        line-height: 50px;
        left:10px;
        >div{
            background: url(../img/stop.png) no-repeat left top/cover;
            width:45%;
            height: 100%;
            cursor: pointer;
        }
    }
    .fs{
        width: 12%;
        height: 250px;
        position: fixed;
        bottom:30px;
        right: 3%;
        >img{
            width: 100%;
            height: 100%;
        }
        .fsmb{
            width: 100%;
            position: absolute;
            top: 40%;
            transform: translateY(-50%);
            font-size: 30px;
            text-align: center;
            color: red;
        }
    }
    .main{
        width: 60%;
        height: 100%;
        margin:  0 auto;
        position: relative;
        
        >div{
            width: 100px;
            height: 100px;
            position: absolute;
            transition: all 5s;
            top: -100px;
            >img{
                width: 100%;
                height: 100%;
            }
            
        }
        
    }
    .tab{
        position: fixed;
        right: 10px;
        top: 50px;
        width: 30px;
        color: darkcyan;
        >h2{
            .gs{
                text-align: center;
            }
        }
        .xin{
            width: 30px;
            >li{
                width: 100%;
                height: 30px;
               >img{
                    width: 100%;
                    height: 100%;
                } 
            }
        }
            
    }
}
